<!--
 * @Author: liyin 2179253556@qq.com
 * @Date: 2023-06-20 09:09:43
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2025-03-12 09:01:03
 * @FilePath: Footer.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="hl-footer-box align-items row">
    <div class="common-footer-box">
      <el-icon :size="18"><SvgIcon icon-class="icon-icon_copyright" color="#999"></SvgIcon></el-icon
      >
      {{ $util.getYear() }}
    </div>
    <div class="common-footer-box">
      <el-icon :size="18"><SvgIcon icon-class="icon-icon_support" color="#999"></SvgIcon></el-icon
      >技术支持：广东宏联科技有限公司
    </div>
    <div class="common-footer-box">
      <el-icon :size="18"><SvgIcon icon-class="icon-icon_hotline" color="#999"></SvgIcon></el-icon
      >移动、电信：968899；联通 23396868
    </div>
  </div>
</template>
<script setup lang="ts">
import $util from '../../util/util'
</script>
<style lang="scss">
.hl-footer-box {
  background-color: var(--el-color-white);
  width: 100%;
  padding: 10px 0;
  color: #9CA3A9;
  font-size: 14px;
  display: flex;
  height: 40px;
  box-sizing: border-box;
  justify-content: center;
  .common-footer-box {
    display: flex;
    align-items: center;
    margin-right: 15px;
  }
  .el-icon {
    margin-right: 2px;
  }
}
</style>
